/**
 * 需求：控制（拦截）组件的访问渲染
 * 核心：判断是否有token=》isAuth()
 * 1. 有token =》正常渲染访问的组件
 * 2. 没有token =》跳转登录页
 * @returns
 */
import { ReactElement } from 'react'
import { isAuth } from '@/utils/auth'
import { Navigate } from 'react-router-dom'

/**
 *
 * @param {*} element 拦截的组件(用户正在访问的页面)
 * @returns
 */
type Props = {
  element: ReactElement
}
function Auth({ element }: Props) {
  // console.log(element)
  return <>{isAuth() ? element : <Navigate to="/login" replace={true} />}</>
}

export default Auth
